import React, { useState } from "react";
import "../../assest/style/common.scss";
import "./main.scss";
import { Link } from "react-router-dom";
import Footer from "../../Component/Footer";

function Main() {
  return (
    <div className="root main">
      {/* 头部 */}
      <div className="tops pt-20 pb-20">
        <div className="lead ml-30 flex aic">
          <span className="iconfont avatar icon-v1"></span>
          <span className="ml-10 f16 fff">13800000000</span>
        </div>
      </div>
      {/* 列表 */}
      <div className="surface bg-fff">
        <ul className="list pl-15 pr-15">
          <Link to="/my/orderList" className="item flex aic jc-sb">
            <span>我的订单</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </Link>
          <li className="item flex aic jc-sb">
            <span>我的共享卡</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </li>
          <li className="item flex aic jc-sb">
            <span>我的优惠卷</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </li>
          <Link to="/my/collection" className="item flex aic jc-sb">
            <span>我想去</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </Link>
          <Link to="/my/track" className="item flex aic jc-sb">
            <span>我的足迹</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </Link>
          <Link to="/login" className="item flex aic jc-sb">
            <span>退出登录</span>
            <span className="f888 icon iconfont f18 icon-yuanquanyoujiantou am-icon-md"></span>
          </Link>
        </ul>
      </div>
      <Footer />
    </div>
  );
}

export default Main;
